<template>
  <div>
    <div class="table-page-search-wrapper">
      <a-row :gutter="24" style="width: 1240px">
        <a-col :md="5" :sm="7" style="float: left;overflow: hidden;">
          <p>当前科室：病案管理一室</p>
        </a-col>
      </a-row>
      <a-row :gutter="24">
        <a-col :span="5">
          病案年度
          <a-select style="width: 180px" @change="handleChange">
            <a-select-option value="临床">临床</a-select-option>
            <a-select-option value="教学">教学</a-select-option>
            <a-select-option value="科研">科研</a-select-option>
            <a-select-option value="司法">司法</a-select-option>
            <a-select-option value="医患纠纷">医患纠纷</a-select-option>
            <a-select-option value="医护检查">医护检查</a-select-option>
            <a-select-option value="院外展评">院外展评</a-select-option>
            <a-select-option value="其他">其他</a-select-option>
          </a-select>
        </a-col>
        <a-col :span="4">
          病案号&nbsp;&nbsp;&nbsp;
          <a-select style="width: 180px" @change="handleChange">
            <a-select-option value="临床">临床</a-select-option>
            <a-select-option value="教学">教学</a-select-option>
            <a-select-option value="科研">科研</a-select-option>
            <a-select-option value="司法">司法</a-select-option>
            <a-select-option value="医患纠纷">医患纠纷</a-select-option>
            <a-select-option value="医护检查">医护检查</a-select-option>
            <a-select-option value="院外展评">院外展评</a-select-option>
            <a-select-option value="其他">其他</a-select-option>
          </a-select>
        </a-col>
        <a-col :span="6">
          病人姓名
          <a-select style="width: 280px" @change="handleChange">
            <a-select-option value="临床">临床</a-select-option>
            <a-select-option value="教学">教学</a-select-option>
            <a-select-option value="科研">科研</a-select-option>
            <a-select-option value="司法">司法</a-select-option>
            <a-select-option value="医患纠纷">医患纠纷</a-select-option>
            <a-select-option value="医护检查">医护检查</a-select-option>
            <a-select-option value="院外展评">院外展评</a-select-option>
            <a-select-option value="其他">其他</a-select-option>
          </a-select>
        </a-col>
        <a-col :span="5">
          年龄&nbsp;&nbsp;
          <a-input type="text" style="width: 84px" />到
          <a-input type="text" style="width: 84px" />
        </a-col>
      </a-row>
      <a-row :gutter="24" class="every-row">
        <a-col :span="5">
          性别&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
          <a-select style="width: 180px" @change="handleChange">
            <a-select-option value="临床">临床</a-select-option>
            <a-select-option value="教学">教学</a-select-option>
            <a-select-option value="科研">科研</a-select-option>
            <a-select-option value="司法">司法</a-select-option>
            <a-select-option value="医患纠纷">医患纠纷</a-select-option>
            <a-select-option value="医护检查">医护检查</a-select-option>
            <a-select-option value="院外展评">院外展评</a-select-option>
            <a-select-option value="其他">其他</a-select-option>
          </a-select>
        </a-col>
        <a-col :span="4">
          出院科别
          <a-select style="width: 180px" @change="handleChange">
            <a-select-option value="临床">临床</a-select-option>
            <a-select-option value="教学">教学</a-select-option>
            <a-select-option value="科研">科研</a-select-option>
            <a-select-option value="司法">司法</a-select-option>
            <a-select-option value="医患纠纷">医患纠纷</a-select-option>
            <a-select-option value="医护检查">医护检查</a-select-option>
            <a-select-option value="院外展评">院外展评</a-select-option>
            <a-select-option value="其他">其他</a-select-option>
          </a-select>
        </a-col>
        <a-col :span="6">
          诊疗组&nbsp;&nbsp;&nbsp;
          <a-select style="width: 280px" @change="handleChange">
            <a-select-option value="临床">临床</a-select-option>
            <a-select-option value="教学">教学</a-select-option>
            <a-select-option value="科研">科研</a-select-option>
            <a-select-option value="司法">司法</a-select-option>
            <a-select-option value="医患纠纷">医患纠纷</a-select-option>
            <a-select-option value="医护检查">医护检查</a-select-option>
            <a-select-option value="院外展评">院外展评</a-select-option>
            <a-select-option value="其他">其他</a-select-option>
          </a-select>
        </a-col>
        <a-col :span="6">
          出院病区
          <a-select style="width: 166px" @change="handleChange">
            <a-select-option value="临床">临床</a-select-option>
            <a-select-option value="教学">教学</a-select-option>
            <a-select-option value="科研">科研</a-select-option>
            <a-select-option value="司法">司法</a-select-option>
            <a-select-option value="医患纠纷">医患纠纷</a-select-option>
            <a-select-option value="医护检查">医护检查</a-select-option>
            <a-select-option value="院外展评">院外展评</a-select-option>
            <a-select-option value="其他">其他</a-select-option>
          </a-select>
        </a-col>
      </a-row>
      <a-row :gutter="24" class="every-row">
        <a-col :span="5">
          住院医师
          <a-select style="width: 180px" @change="handleChange">
            <a-select-option value="临床">临床</a-select-option>
            <a-select-option value="教学">教学</a-select-option>
            <a-select-option value="科研">科研</a-select-option>
            <a-select-option value="司法">司法</a-select-option>
            <a-select-option value="医患纠纷">医患纠纷</a-select-option>
            <a-select-option value="医护检查">医护检查</a-select-option>
            <a-select-option value="院外展评">院外展评</a-select-option>
            <a-select-option value="其他">其他</a-select-option>
          </a-select>
        </a-col>
        <a-col :span="4">
          住院号&nbsp;&nbsp;&nbsp;
          <a-select style="width: 180px" @change="handleChange">
            <a-select-option value="临床">临床</a-select-option>
            <a-select-option value="教学">教学</a-select-option>
            <a-select-option value="科研">科研</a-select-option>
            <a-select-option value="司法">司法</a-select-option>
            <a-select-option value="医患纠纷">医患纠纷</a-select-option>
            <a-select-option value="医护检查">医护检查</a-select-option>
            <a-select-option value="院外展评">院外展评</a-select-option>
            <a-select-option value="其他">其他</a-select-option>
          </a-select>
        </a-col>
        <a-col :span="6" class="ruyuan-time">
          出院日期
          <a-range-picker
            :ranges="{ Today: [moment(), moment()], 'This Month': [moment(), moment().endOf('month')] }"
            showTime
            format="YYYY/MM/DD HH:mm:ss"
            style="width: 280px;"
          />
        </a-col>
        <a-col :span="6">
          付款方式
          <a-select style="width: 166px" @change="handleChange">
            <a-select-option value="临床">临床</a-select-option>
            <a-select-option value="教学">教学</a-select-option>
            <a-select-option value="科研">科研</a-select-option>
            <a-select-option value="司法">司法</a-select-option>
            <a-select-option value="医患纠纷">医患纠纷</a-select-option>
            <a-select-option value="医护检查">医护检查</a-select-option>
            <a-select-option value="院外展评">院外展评</a-select-option>
            <a-select-option value="其他">其他</a-select-option>
          </a-select>
        </a-col>
      </a-row>
    </div>
    <company-profile />
  </div>
</template>

<script>
import { httpAction } from '@/api/manage'
import pick from 'lodash.pick'
import moment from 'moment'
import CompanyProfile from '../../components/knowlage/companyProfile'

export default {
  //这是医学图形库
  name: 'MedicalRecordReturned',
  components: {
    CompanyProfile
  },
  data() {
    return {
      dateFormat: 'YYYY/MM/DD',
      monthFormat: 'YYYY/MM',
      value: 1
    }
  },
  created() {},
  methods: {
    moment,
    handleChange() {
      console.log('nifaye')
    }
  }
}
</script>

<style lang="less" scoped>
@import '~@assets/less/common.less';
.table-page-search-wrapper {
  width: 100%;
  background-color: #fff;
  padding-top: 10px;
  padding-left: 32px;
  padding-bottom: 30px;

  .every-row {
    margin-top: 20px;
  }
}
.classification-details {
  width: 100%;
  background-color: #fff;
  margin-top: 10px;
  padding-top: 0px;
  padding-left: 32px;
  padding-bottom: 30px;
}
</style>